<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<title>天天美印</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="bootstrap.min.js"></script>
	<script type="text/javascript" src="hammer.min.js"></script>
	<link type="text/css" rel="stylesheet" href="common.css" />	
	<link type="text/css" rel="stylesheet" href="bootstrap.min.css" />
	<style type="text/css">
		ul,li{
			padding:0;
			margin:0;
		}
		body{
			/*background:#f2f2f2;*/
		}

		/*main css*/
		#main{
			width:100%;
		}
		#main ul li{
			margin-top:30px;
			text-align: center;
		}
		#main ul li:nth-of-type(1) img{
			width:80%;
			margin-left:10%;
		}
		#main ul li:last-child{
			margin-bottom:30px;
		}
		#main ul li img{
			width:18%;
			display: block;
			margin-left:41%;
		}
		#footer div{
			padding:15px 12px;
		}
		#footer div span{
			display: block;
			font-size:1.3rem;
		}
		h3{
			background: #c9cacb;
			color:#000;
			font-size:1.6rem;
			padding:8px 12px;
			margin: 0;
		}
	</style>
</head>
<body>

	<div id="main">
		<ul>
			<li><img src="servicePhone.png" /></li>
			<li>
				<img id="soonCall" src="soonCall.png" />
				马上联系
			</li>
			<li>
				<img id="weiChat" src="weiChat.png" />
				天天美印
			</li>
			<li>
				<img id="QQ" src="QQ.png" />
				3065370894
			</li>
		</ul>
	</div>
	<div id="footer">
		<h3>地址</h3>
		<div>
			<span>广西云印网络科技有限公司</span>
			<span>广西南宁市青秀区中柬路9号利海亚洲国际2栋1829-1831
		</div>
	</div>
</body>
<script type="text/javascript">

	$(document).ready(function(){
		// $("ul li:after").css("margin-top",$("ul li img").height());
	})

 	function bindEvent () {
	  	var mc = new Hammer.Manager(document.body);
	    mc.add(new Hammer.Tap());
	    
	    mc.on("tap", function (e) {
	        var className=$(e.target).attr("class");

	        // if(e.target.id=="btn-login"){
	        // 	window.location.href=$(e.target).attr("data")+".html";
	        // }
              if(e.target.id == "soonCall"){

              api.clickPhoneNmumber(111);
              
              }
              if(e.target.id == "weiChat"){
              
              api.clickWeChat(111);
              
              }
              if(e.target.id == "QQ"){
              
              api.clickQQ(111);
              
              }

	    });
	}
	bindEvent();
</script>
</html>